<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>增删改查</title>
    <link rel="stylesheet" href="../css/manage.css">
</head>

<body>
    <div class="all">
        <div class="left_gongNeng"></div>
        <div class="gonfgNeng_div">
            <div class="title_select">
                <div class="title_select_one">
                    <div class="title_select_one_left">姓名</div>
                    <div class="title_select_one_right_div">
                        <input type="text" class="title_select_one_right" placeholder="请输入姓名以搜索">
                    </div>

                </div>
                <div class="title_select_two">
                    <div class="title_select_two_left">班级</div>
                    <div class="title_select_two_right_div">
                        <input type="text" class="title_select_two_right" placeholder="请输入班级以搜索">
                    </div>
                </div>
                <div class="title_select_three">
                    <div class="title_select_three_left">职位</div>
                    <div class="title_select_three_right_div">
                        <input type="text" class="title_select_three_right" placeholder="请输入职位以搜索">
                    </div>
                    <div class="select_again">
                        <div class="title_right_select">
                            搜索
                        </div>
                        <div class="title_right_again">
                            重置
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="gongNeng_titie_div">
            <div class="gongNeng_title">
                <div class="add">新增</div>
                <div class="delect">删除</div>
                <div class="change">修改</div>
                <div class="select">查找</div>
            </div>
        </div>
        <div class="change_textArea">
            <table class="table" id="id_table">
                <thead>
                    <tr>
                        <th>姓名</th>
                        <th>班级</th>
                        <th>职务</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>

                </tbody>
            </table>
        </div>
        <div class="hidden_add">
            <div class="hidden_add_head">
                请输入您想添加的对象
            </div>
            <div class="hidden_add_delect">x</div>
            <div class="hidden_add_textArea">
                <div class="hidden_add_textArea_one">
                    <div class="hidden_add_textArea_one_left">姓名</div>
                    <div class="hidden_add_textArea_one_right_div">
                        <input type="text" class="hidden_add_textArea_one_right" placeholder="请输入添加的名字">
                    </div>
                </div>
                <div class="hidden_add_textArea_two">
                    <div class="hidden_add_textArea_two_left">班级</div>
                    <div class="hidden_add_textArea_two_right_div">
                        <input type="text" class="hidden_add_textArea_two_right" placeholder="请输入添加的班级">
                    </div>
                </div>
                <div class="hidden_add_textArea_three">
                    <div class="hidden_add_textArea_three_left">职位</div>
                    <div class="hidden_add_textArea_three_right_div">
                        <input type="text" class="hidden_add_textArea_three_right" placeholder="请输入添加的职位">
                    </div>
                </div>
            </div>
            <div class="hidden_add_btn">确认添加</div>
            <div class="hidden_add_btn_Second">添加成功！4秒后自动返回。如需继续添加，请点击下方按钮。</div>
            <div class="hidden_add_btn_tip">继续添加</div>
        </div>
    </div>
    <script src="../js/manage.js"></script>
</body>

</html>